<!DOCTYPE html>
<html>
<head>
    <title>视频检查页面</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
            background: #000;
            color: #fff;
        }
        video {
            width: 100%;
            max-width: 800px;
            height: auto;
        }
        .info {
            margin: 20px 0;
            padding: 10px;
            background: #333;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <h1>视频文件检查</h1>
    
    <div class="info">
        <h2>视频文件信息:</h2>
        <p>文件名: background-video.mp4</p>
        <p>文件大小: 4.4MB</p>
        <p>格式: MP4 (H.264编码)</p>
    </div>
    
    <h2>视频播放测试:</h2>
    <video controls>
        <source src="/background-video.mp4" type="video/mp4">
        您的浏览器不支持视频标签。
    </video>
    
    <div class="info">
        <h2>故障排除指南:</h2>
        <ul>
            <li>如果视频无法播放，请检查文件是否损坏</li>
            <li>确保使用现代浏览器（Chrome、Firefox、Edge等）</li>
            <li>检查浏览器控制台是否有错误信息</li>
            <li>确认视频编码格式为H.264</li>
        </ul>
    </div>
</body>
</html>